.con-padding {
  padding: 0 10rpx;
}

.con-margin {
  margin-top: 10rpx;
}

.safe-area {
  width: 100%;
  height: calc(env(safe-area-inset-bottom) - 20rpx);
}

.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  // height: 100rpx;
  background-color: #fff;
  border-top: 1px solid #f1f1f1;

  .footer-btn {
    margin: 20rpx 0;
    display: flex;
    align-items: center;
    justify-content: flex-end;

    button {
      margin: 0 20rpx 0 0;
      height: 70rpx;
      line-height: 70rpx;
      color: #050505;
      font-size: 28rpx;
      border-radius: 70rpx;
      background-image: linear-gradient(120deg, #89f7fe 0%, #66a6ff 100%);

      &::after {
        border: none;
      }
    }
  }
}